<!DOCTYPE html>
<html lang="en">
<head>
  <!-- 通过服务器运行当前html文件 可以显示网络来源图片 -->
  <meta name="referrer" content="never">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>商品列表</title>
  <link rel="stylesheet" href="../tools/bootstrap-3.3.7-dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="../css/base.css">
  <link rel="stylesheet" href="../css/list.css">
  <link rel="stylesheet" href="../tools/jquery-pagination/pagination.css">
  <link rel="stylesheet" href="../css/head.css">
  <style>
    .breadcrumb{
      padding-left: 6px;
      padding-right: 6px;
    }
    .box{
      width: 700px;
      margin: 30px auto;
    }
    #box {
    width: 1100px;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 10px rgba(73,66,66,.1);
    margin: 50px auto;
    border: 1px solid #E5E5E5;
		}

		#box dl {
			height: 50px;
			border-bottom: 1px dashed #dadada;
			margin: 0 20px;
		}

		#box dt {
			float: left;
			color: #8a8a8a;
      line-height: 50px;
		}

		#box dd {
			float: left;
			color: #252525;
			margin: 0 10px;
			font-size: 14px;
			cursor: pointer;
      line-height: 50px;
		}

		#box dd.active {
    color: #c4284d;
    font-weight: bold;
		}

		#box dl.select {
			background: #efefef;
			margin: 0;
			padding: 0 20px;
		}

		#box dl.select dd{
    border: 1px solid #c4284d;
    height: 25px;
    line-height: 25px;
    margin-top: 13px;
    padding: 0 2px 0 10px;
    border-radius: 3px;background-color: #fff;
		}
		#box dl.select dd span{
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    background: #c4284d;
    color: #fff;
    margin-left: 10px;
    cursor: pointer;border-radius: 5px;
		}
  </style>
</head>
<body>
  <div class="d0">
    <div class="cont">
    <!--购物车-->
   <div class="top_cart">
      <a name="cart" href="#">
         <img src="../img/d7db56d1d850113f016c95e289e36efa.png" />购物车（0）
      </a>
</div>
      <!--注册登录-->
        <div class="top_info">
        <a href="./login.html">登录</a>
        <span>|
        </span>
        <a href="./reg.html">注册</a>
        <span>|
        </span>
        <a href="#">消息通知</a>
        <span>|
        </span>
         </div>
      </div>
 </div>
  <div class="pagi">
    <div id="box">
      <dl>
        <dt>品牌：</dt>
        <dd>青岛</dd>
        <dd>椰岛鹿龟酒 </dd>
        <dd>绍兴女儿红</dd>
        <dd>RIO锐澳</dd>
        <dd>伊利</dd>
        <dd>蒙牛</dd>
        <dd>福岗</dd>
        <dd>蒙牛金装</dd>
        <dd>安慕希</dd>
      </dl>
      <dl>
        <dt>价格：</dt>
        <dd>300-399</dd>
        <dd>400-499</dd>
        <dd>500-599</dd>
        <dd>600-699</dd>
        <dd>700-799</dd>
        <dd>800-899</dd>
        <dd>900-999</dd>
        <dd>1000以上</dd>
      </dl>
      <dl>
        <dt>包装：</dt>
        <dd>9个以及以下</dd>
        <dd>11个</dd>
        <dd>12个</dd>
        <dd>13个</dd>
        <dd>14个</dd>
        <dd>15个</dd>
        <dd>16个</dd>
      </dl>
      <dl style="border: none">
        <dt>分类：</dt>
        <dd>啤酒</dd>
        <dd>白酒</dd>
        <dd>乳制品</dd>
      </dl>
      <dl class="select" style="border-bottom-width: 0px;">
        <dt>已选条件：</dt>
      </dl>
    </div>
  </div>
  <div class="container">
    <ul></ul>
  </div>
  <div class="box m-style" id="div1"></div>
 
   <script src="../tools/jquery.min.js"></script>
   <script src="../tools/jquery-pagination/jquery.pagination.js"></script>
   <script src="../js/tools.js"></script>
   <script src="../js/ajax.js"></script>
   <script src="../js/list2.js"></script>
   <script src="../js/list.js"></script>



















  
</body>
</html>
